import React, { Component } from 'react'; import "./item.scss"
import { MergeCellsOutlined, AliwangwangOutlined, DribbbleOutlined } from '@ant-design/icons';
import { withRouter } from "react-router-dom"
class Item extends Component {
    prodeltail = (id) => {
        this.props.history.push({
            pathname:"/home/prodetail",
            state: {
                id
            }
        })
    }
    render() {
        let { item } = this.props
        return (
            <div className="plat" onClick={() => {
                this.prodeltail(item.id)
            }}>
                <div className="project_detail">
                    <div className="project_img">
                        <img src={item.pictureUrl} alt="" />
                    </div>
                    <div className="img_bottom">
                        <div className="project_title">
                            <div className="p_t_title">{item.name}</div>
                            <div className="project_dire">
                                {item.description}
                            </div>
                        </div>
                        <div className="project_bottom">
                            <div className="botome_detail">
                                <div className="flex_center">
                                    <div className="shoucang flex_center">
                                        <div className="aaaa" >
                                            <MergeCellsOutlined />
                                        </div>
                                        <div className="adope_count">
                                            {item.stuCount}
                                        </div>
                                    </div>
                                    <div className="shoucang flex_center">
                                        <div className="aaaa" >
                                            <AliwangwangOutlined />
                                        </div>
                                        <div className="adope_count">
                                            {item.favorCount}
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <span className="start_train start_train3">
                                        专业群实训
                                 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="right_top_img">
                        <DribbbleOutlined />
                    </div>
                </div>
            </div>
        );
    }
}

export default withRouter(Item);